<template>
    <div class="backImg">
        <div class="img">
            <img src="https://imagev2.xmcdn.com/storages/72b6-audiofreehighqps/30/CE/GMCoOR8H3gffAAAQWAIAHhDF.png!magick=webp" alt="">
        </div>
        <div class="title">
            <p>© 2014-2023 喜马拉雅 版权所有</p>
        </div>
    </div>  
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.backImg {
    margin-top: 160px;
    background-image : url("https://imagev2.xmcdn.com/storages/2165-audiofreehighqps/52/6D/GKwRIDoF6Ml9AAESnAEaI6xF.png!magick=webp");
    background-repeat: no-repeat; /* 控制图片是否重复显示 */
    background-position: center;
    background-size: cover;
    width : 375px;
    height : 180px;
    .img{
        text-align: center;
        margin-top : 40px;
        img{
            width : 102px;
            height : 36px;
        }
    }
    .title{
        text-align: center;
        font-size : 12px;
        margin-top : 20px;
    }
}
</style>